import React, { useEffect, useState, useRef } from "react";
import DragBox from '@/components/DragBox'
import ScrollElement from '@/components/ScollElement';
import CSS from './App.module.scss';

interface AppProps {
  Test?: string;
}
function App({ Test }: AppProps) {
 const refBox = useRef(null);

 
 

  const bgColor = ["#F5F5DC", "#D3D3D3", "#FFDEAD	"]; //'#7CFC00'

  return (
    <>
   <ScrollElement className={CSS.scroll_test} onEnd={()=>{console.log('到底了...')}}>
     <div style={{height:'1000px'}}>
       {
         Array(100).fill(0).map(item=><p style={{height:'100px'}} key={Math.random()}> {item} </p>)
       }
     </div>
   </ScrollElement>
    
    </>
  );
}

export default App;
